<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app"></div>
    <script src="vue.js"></script>
    <script>
        new Vue({
            template: `<h1>我是{{name}}今天是{{date}}今年{{age.age}}喜欢{{age.like}}
                旁白{{title[0].one}}{{title[0].two}}{{title[1].one}}{{title[1].two}}
                {{a.b.c.d.name}}</h1>`,
            data: {
                date: '20230409',
                name: 'cyh',
                age: {
                    age: 18,
                    like: '妹妹'
                },
                title: [
                    {
                        one: '怎们说呐',
                        two: '一般般'
                    },
                    {
                        one: '不告诉你',
                        two: '呵呵'
                    }
                ],
                a: {
                    b: {
                        c: {
                            d: {
                                name: '套娃'
                            }
                        }
                    }
                }
            }
        }).$mount('#app')
    </script>
</body>

</html>